$barHeight: 30px;
$layoutLeft: 300px;
a {
  text-decoration: none;
  color:#777;
}
*{
  box-sizing: border-box;
}
ul,li{ padding:0;margin:0;list-style:none}
.psoon-main{
  position: relative;
  width:100%;
  height:100%;
  > div{
    position:relative;
  }
  .layout-top{
    width:100%;
    height: $barHeight;
    background:#08adb5;
  }
  .layout-content{
    position:absolute;
    top:$barHeight;
    bottom:$barHeight;
    left:0;
    right:0;
    background:#b1b1b1;
  }
  .layout-bottom{
    position:absolute;
    bottom: 0;
    width:100%;
    height: $barHeight;
    background:#ddd;
  }
  .layout-left{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    min-width:$layoutLeft;
    background:#c1c1c1;
    .bars{
      position:absolute;
      top:10px;bottom: 10px;right:10px;left:10px;
      background: #fff;
      padding:10px;
    }
  }
  .layout-center{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    left:$layoutLeft;
    min-width:520px;
    background:#e7e7e7;
    padding: 10px 20px;
    overflow: auto;
  }
}